<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				height: 2000px;
			}
			
			.box{
				width: 600px;
				height: 500px;
				border: 1px solid red;
				
				/* 设置背景: 颜色  图片 */
				/* 分拆属性 */
				/* 背景颜色 */
				/* background-color: yellowgreen; */
				
				/* 背景图片 */
				/* background-image: url(img/5.jpg); */
				/* 设置平铺方式: x y no-repeat*/
				/* background-repeat: no-repeat; */
				/* 设置背景图片大小: w h */
				/* background-size: 100px 300px; */
				/* 百分比 根据当前容器比 */
				/* background-size: 100% 100%; */
				/* 关键字 cover contain*/
				/* background-size: contain; */
				/* 设置 位置！背景定位： x  y */
				/* background-position: 50px 30px; */
				/*  */
				/* 百分比：剩余大小的比 */
				/* background-position: 50% 50%; */
				/* 关键字 left right x轴   bottom top y轴  center*/
				/* background-position: right top; */
				
				/* 背景固定 */
				/* background-attachment: fixed; */
				
				/* 复合写法：颜色 图片 平铺 位置 */
				background: yellowgreen url(img/3.jpg) no-repeat center center;
				
				
			}
			
		</style>
	</head>
	<body>
		<div class="box">哈哈哈哈</div>
	</body>
</html>